<template>
  <div class="v-mfr-enclosure">
    <c-row-search>
      <el-form :model="form" ref="form" inline @submit.native.prevent>
        <el-form-item prop="keywordSearch">
          <!-- 搜索姓名/电话/邮箱 -->
          <el-input
            v-model="form.keywordSearch"
            clearable
            @keyup.enter.native="search"
            :placeholder="tplLang('text_asset_a', ['btn_search_a'])"
          >
            <c-icon slot="prefix" name="search" prefix></c-icon>
          </el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="search">
            {{ multLang('btn_search_a') }}
          </el-button>
        </el-form-item>
      </el-form>
      <template #right>
        <el-button v-if="auth.isAdd" type="primary" @click="addContacts">
          <c-icon name="plus"></c-icon>
          {{ multLang('btn_new_a') }}
        </el-button>
      </template>
    </c-row-search>
    <c-table ref="table" :data="table.data" :col="table.col"></c-table>
    <!-- @row-click="rowClick"
        @select-change="selectChange" -->
  </div>
</template>
<script>
export default {
  name: 'VMfrenclosure',
  props: {
    info: {
      type: Object,
      default() {
        return {}
      }
    },
    auth: { type: Boolean, default: true }
  },
  data() {
    return {
      form: { keywordSearch: '' },
      table: {
        data: [],
        col: [
          { label: 'title_name_w', prop: 'name' },
          { label: 'text_bd', prop: 'description' }
        ]
      }
    }
  },
  watch: {
    info: {
      deep: true,
      handler(val) {
        console.log('info', val)
      }
    }
  },
  components: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {
    search() {
      // table.data
    },
    addContacts() {
      // 新增联系人
    }
  }
}
</script>
<style lang="scss">
.v-mfr-enclosure {
}
</style>
